<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>考勤规则详情面板</title>

</head>
<body>

	<style type="text/css">
		.insert_bt_rules {
			background: #CDDEF4;
		}
		
		.edContent table {
			width: 100%;
			table-layout: fixed;
		}
	</style>
	<script type="text/javascript">
		$(function(){
			/* 返回 */
			$(".return").linkbutton({onClick:function(){
				$("#ly-result-rules").panel({
					href : "to_checkingfindall"
				})
			}});
			
			$("#checking_edit").linkbutton({onClick:function(){
				$("#ly-result-rules").panel({
					href : "to_checkingedit?kqruleId="+'${list.kqruleId}'+"&attruId="+'${list.attendancerule.attruId}'+"&calcluateruleId="+'${list.calcluaterule.calcluateruleId}'
				});
			}});
			
			if($("#ly-rules-checkingRuleKg").val()==1){
				$("#ly-rules-checkingRuleKg").prop("checked",true);
			}
		});
	</script>
	<div class="easyui-panel" id="ly-result-rules" data-options="
		border:false,
		fit:true,
		toolear:'#ly-insert_bt-rules'
	">
		<div id="ly-insert_bt-rules" class="insert_bt_rules">
			<a class="easyui-linkbutton" id="checking_edit"
				data-options="text:'编辑',iconCls:'icon-save',plain:true"></a>
			 <a class="easyui-linkbutton return" iconCls="icon-reload" plain="true" title="返回"
				data-options="text:'返回'"></a> 
			<span style="float: right; font-size: 12px; margin:5px;">考勤规则详情</span>
		</div>
		<script type="text/javascript">
			
		</script>
		<div
			style="margin:5px 5px 5px 15px; padding: 5px; border-bottom: 2px solid #2B91D5; width:1000px">
			概要</div>
		<table cellpadding="0" cellspacing="0"
			style="width: 1000px; table-layout: fixed; padding-left: 50px;">
			<tbody>

				<tr>
					<td style="width: 100%; vertical-align: top;">
						<div class="edContent">
							<table id="ct1" cellspacing="10" cellpadding="0" tag="A">
								<tbody>
									<tr>
										<td><span><em>*</em></span> <input class="easyui-textbox"
											id="checkingRuleId" name="checkingRuleId"
											data-options="label:'编号', width:280,labelWidth:60
											,readonly:true" value="${list.kqruleId}" /></td>
									</tr>
									<tr>
										<td><span><em>*</em></span> <input class="easyui-textbox"
											id="checkingRuleName" name="checkingRuleName" 
											data-options="label:'名称', width:280,labelWidth:60,readonly:true" value="${list.kqruleName}"/>
										</td>
									</tr>
									<tr>
										<td><span>忽略旷工</span> <input id="ly-rules-checkingRuleKg"
											name="checkingRuleKg" type="checkbox" value="${list.kqruleKg}" disabled='disabled'></td>
									</tr>
								</tbody>
							</table>
						</div>
					</td>

					<td style="width: 100%; vertical-align: top;">
						<div class="edContent">
							<table id="ct1" cellspacing="10" cellpadding="0" tag="A">
								<tbody>
									<tr>
										<td><select id="checkingRuleUp" class="easyui-combobox"
											data-options="label:'实出勤计算方式(上班)',readonly:true,width:300,labelWidth:140,panelHeight:'auto',editable:false"
											name="checkingRuleUp">
												<option value="按计划计算实出勤">按计划计算实出勤</option>
												<option value="按打卡计算实出勤">按打卡计算实出勤</option>
										</select></td>
									</tr>
									<tr>
										<td><select id="checkingRuleDown" class="easyui-combobox"
											data-options="label:'实出勤计算方式(下班)',readonly:true,width:300,labelWidth:140,panelHeight:'auto',editable:false"
											name="checkingRuleDown">
												<option value="按计划计算实出勤">按计划计算实出勤</option>
												<option value="按打卡计算实出勤">按打卡计算实出勤</option>
										</select></td>
									</tr>
									<tr>
										<td>
											<input id="lxl_current-time" class="easyui-textbox" value="${list.kqruleStartdate}" 
											data-options="readonly:true,label:'制单',labelWidth:60,width:260" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</td>
				</tr>

				<tr>
					<td colspan="3" style="width: 100%;">
				<tr>
			</tbody>
		</table>
		<script type="text/javascript">
			/* $(function() {
				setInterval(function() {
					var now = (new Date()).toLocaleString();
					$('#current-time').text(now);
				}, 1000);
			}) */
		</script>
		<div
			style="margin:5px 5px 5px 15px; padding: 5px; border-bottom: 2px solid #2B91D5; width: 1000px">
			规则明细</div>
		<div style="margin:5px 5px 5px 18px;">
		<table id="ly-result-rules-dg" class="easyui-datagrid" width="80%" 
			style="min-height: 100px;"
			data-options="
        	fitColumns:true,
        	method:'post',
        	url:'checkxqmingxi?kqruleId='+${list.kqruleId},
        	singleSelect:true,
        	border:false,
        	toolbar: '#ly-tb-rules-s'
        ">
			<thead>
				<tr>				
					<th width="10%" data-options="field:'KQRULE_ID',align:'center'">规则编号</th>
					<!-- <th width="20%"  data-options="field:'KQRULE_NAME',align:'center'">规则名称</th> -->
					<th width="20%"  data-options="field:'ATTRU_NAME',align:'center'">规则结果</th>
					<th width="20%"  data-options="field:'ATTRU_AFFAIR',align:'center'">结果类别</th>
					<th width="15%"  data-options="field:'CALCLUATERULE_NAME',align:'center'">计算名称</th>
					<th width="15%"  data-options="field:'CALCLUATERULE_COUNT',align:'center'">一天工作小时数</th>
				</tr>
			</thead>

		</table>
		</div>

		<div
			style="margin:5px 5px 5px 15px; padding: 5px; border-bottom: 2px solid #2B91D5; width: 1000px">
			其他</div>
		<div style="margin:5px 5px 5px 15px">
			<input class="easyui-textbox" id="ly-checkingResult-remark"
				data-options="width:900,height:100,readonly:true,multiline:true" value="${list.kqruleMarks}"/>
		</div>
	</div>

</body>
</html>